简介
它提供一种基于像素级别的，根据遮罩的黑、白、灰三种颜色来控制目标元素的透明度，以达到改变元素形状的效果。
黑色：透明
白色： 不透明
灰色： 半透明
直接看一组效果图：
属性组
mask-image：设置遮罩图片的路径。
mask-position: 设置遮罩图片的位置。
top | bottom | right | left | center | x% y%
mask-size：设置遮罩的大小。
contain | cover | x% y%
mask-repeat：设置遮罩图片的重复性。
no-repeat | repeat | repeat-x | repeat-y | round | space
mask-clip：设置区域, 会被遮罩图片影响。
border-box | padding-box | content-box | text
mask-origin：设置遮罩图片的作用区域。
border-box | padding-box | content-box
mask-composite：设置遮罩图层的组合操作。
可与background各项属性进行类比。
使用方法
由于mask的支持性不太好，目前只支持webkit内核的浏览器。在实际使用时也要加上-webkit前缀。
通过style属性可以看出哪些mask属性可以被设置：
参考文章：
